.bpmn-icon-startEvent {
  background-image: url('./bpmn/start.png');
}

.bpmn-icon-endEvent {
  background-image: url('./bpmn/end.png');
}

.bpmn-icon-gateWay {
  background-image: url('./bpmn/parallelGateway.png');
}

.bpmn-icon-userTask {
  background-image: url('./bpmn/userTask.png');
}

.bpmn-icon-cconnection {
  background-image: url('./bpmn/connection.png');
}

.bpmn-icon-delete {
  background-image: url('./bpmn/delete.png');
}

.bpmn-icon-annotation {
  background-image: url('./bpmn/textAnnotation.png');
}

.djs-context-pad .bpmn-icon-endEvent:hover {
  background: url('./bpmn/end.png') center no-repeat !important;
  background-size: cover !important;
}

.djs-context-pad .bpmn-icon-gateWay:hover {
  background: url('./bpmn/parallelGateway.png') center no-repeat !important;
  background-size: cover !important;
}

.djs-context-pad .bpmn-icon-userTask:hover {
  background: url('./bpmn/userTask.png') center no-repeat !important;
  background-size: cover !important;
}

.djs-context-pad .bpmn-icon-delete:hover {
  background: url('./bpmn/delete.png') center no-repeat !important;
  background-size: cover !important;
}

.djs-context-pad .bpmn-icon-annotation:hover {
  background: url('./bpmn/textAnnotation.png') center no-repeat !important;
  background-size: cover !important;
}

.djs-context-pad .bpmn-icon-cconnection:hover {
  background: url('./bpmn/connection.png') center no-repeat !important;
  background-size: cover !important;
}


.icon-custom {
  background-size: 35%;
  background-repeat: no-repeat;
  background-position: center center;
}